<template>
  <div>
   <!-- text 二维码内容 -->

<!-- size 二维码宽高大小，因为是正方形，所以设一个参数即可 -->

<!-- margin 默认边距20px，不喜欢的话自己设为0 -->

<!-- colorDark 实点的颜色，注意要和colorLight一起设置才有效 -->

<!-- colorLight 空白的颜色，注意要和colorDark一起设置才有效 -->

<!-- bgSrc 嵌入背景图地址 -->

<!-- logoSrc 二维码中间的图，这个是好东西，设置一下显得专业点 -->

<!-- logoScale 中间图的尺寸，不要设太大，太大会导致扫码失败的 -->

<!-- dotScale 那些小点点的大小，不建议 -->
<vue-qr
  :text="dyQrcode"
   :size="170"
   
   :margin="6"
   :logoScale="0.2">
 </vue-qr>
  </div>
</template>

<script>
// 官网api查看https://www.npmjs.com/package/vue-qr
import VueQr from 'vue-qr'
  export default {
   components:{
      VueQr,
   },
      data(){
         return {
            dyQrcode:"sdfjlk"
         }
      }
  }
</script>
<style lang='less' scoped>

</style>